<template>
  <div class="rightBodyContent">
    <div class="rightBodyContent-in">
      <el-tabs v-model="activeName" type="card">
        <el-tab-pane :label="item.name" :name="item.id" v-for="item in tabList" :key="item.id"></el-tab-pane>
      </el-tabs>
      <index v-if="activeName==1"></index>
      <addCotery v-if="activeName==2"></addCotery>
    </div>
  </div>
</template>

<script>
import {pagination, tableoption} from '@/utils/util.js'
import viewImgDialog from '@/components/dialog/previewImgDialog.vue'
import index from "./Index";
import addCotery from "./addCotery";

export default {
  components: {
    viewImgDialog,
    index,
    addCotery
  },
  data () {
    return {
      tableStyle: tableoption,
      page: {
        pageindex: pagination.pageIndex,
        pagesize: pagination.pageSize,
        total: pagination.total
      },
      tabList:[
        {
          id:'1',
          name: '图书管理'
        },
        {
          id:'2',
          name: '图书分类'
        }
      ],
      activeName: '1',
    }
  },
  created () {
  },
  methods: {
  },
  mounted () {
  }
}
</script>


